<div class="row">
    @@include('components/html/user/leftview.html')
    <div class="col-md-8 col-12 offset-md-1 mt-5 ">

        <div class="col-lg-12 bg-white mb-3">
            <section class="panel">
                <header class="panel-heading"> 实名验证 </header>
                <div class="panel-body pt-3">

                    <form action="#" class="layui-form">
                        <input type="hidden" name="id_card_front" id="id_card_front">
                        <input type="hidden" name="id_card_back" id="id_card_back">
                        <input type="hidden" name="id_card_hand" id="id_card_hand">

                        <div class="form-group row canday-row">
                            <div class="col-2 p-0 text-center">
                                <label class="col-form-label">姓名</label>
                            </div>
                            <div class="col-10">
                                <input type="text" class="form-control" id="auth-name-input" placeholder="请输入真实姓名" name="realname" required>
                                <div class="invalid-feedback" id="auth-name-input-invalid">

                                </div>
                            </div>
                        </div>
                        <div class="form-group row canday-row">
                            <div class="col-2 p-0 text-center">
                                <label class="col-form-label">身份证</label>
                            </div>
                            <div class="col-10">
                                <input type="text" class="form-control" id="auth-code-input" placeholder="请输入身份证号" name="id_card_number" required>
                                <div class="invalid-feedback" id="auth-code-input-invalid">

                                </div>
                            </div>
                        </div>
                        <div class="form-group row canday-row">
                            <div class="col-2 p-0 text-center">
                                <label class="col-form-label">手机号</label>
                            </div>
                            <div class="col-10">
                                <input type="text" class="form-control" id="phone" placeholder="用以紧急情况下可联系到您" name="phone" required>
                                <div class="invalid-feedback" id="phone-invalid">

                                </div>
                            </div>
                        </div>
                        <div class="form-group row canday-row">
                            <div class="col-sm-12">
                                <p class="mt-5">请上传身份证正面照片</p>
                            </div>
                        </div>
                        <div class="form-group row canday-row align-items-center">
                            <div class="col-sm-8 text-center">
                                <div class="auth_imgbox">
                                    <img src="http://p8rkkx3w0.bkt.clouddn.com/smrz-mzm-1.png" alt="" id="auth-up-img">
                                    <input type="file" id="img-up-input" accept="image/png,image/jpeg" class="hide_input">
                                </div>
                                <!--<div>
                                    <span id="up-progress"></span>
                                </div>-->
                            </div>
                            <div class="col-sm-4">
                                <div class="file-uploader-btn mt-3">
                                    <input type="file" id="auth-up-input" name="pic1" class="send-button file-hide">
                                    <span class="file-choose">选择照片</span>
                                </div>

                            </div>
                        </div>
                        <div class="form-group row canday-row">
                            <div class="col-sm-12">
                                <p class="mt-5">请上传身份证反面照片</p>
                            </div>
                        </div>
                        <div class="form-group row canday-row align-items-center">
                            <div class="col-sm-8 text-center ">
                                <div class="auth_imgbox">
                                    <img src="http://p8rkkx3w0.bkt.clouddn.com/smrz-mfm-1.png " alt="" id="auth-down-img">
                                    <input type="file" id="img-down-input" accept="image/png,image/jpeg" class="hide_input">
                                </div>
                                <!--<div>
                                    <span id="down-progress"></span>
                                </div>-->
                            </div>
                            <div class="col-sm-4">
                                <div class="file-uploader-btn mt-3">
                                    <input type="file" id="auth-down-input" name="pic2" class="send-button file-hide">
                                    <span class="file-choose">选择照片</span>
                                </div>

                            </div>
                        </div>
                        <div class="form-group row canday-row">
                            <div class="col-sm-12">
                                <p class="mt-5">请上传手持身份证照片</p>
                            </div>
                        </div>
                        <div class="form-group row canday-row align-items-center">
                            <div class="col-sm-8 text-center">
                                <div class="auth_imgbox">
                                    <img src="http://p8rkkx3w0.bkt.clouddn.com/smrz-mnz-1.png" alt="" id="auth-owner-img">
                                    <input type="file" id="img-owner-input" accept="image/png,image/jpeg" class="hide_input">
                                </div>
                                <!--<div>
                                    <span id="owner-progress"></span>
                                </div>-->
                            </div>
                            <div class="col-sm-4">
                                <div class="file-uploader-btn mt-3 btn-style">
                                    <input type="file" id="auth-owner-input" name="pic3" class="send-button file-hide">
                                    <span class="file-choose">选择照片</span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group row canday-row">
                            <label class="col-sm-12 col-form-label"></label>
                        </div>
                        <div class="col-sm-8">

                        </div>
                        <div class="col-12">
                            <label class="font-weight-bold text-secondary"> 请确保所提交的信息真实有效，我们将在48小时内进行审核，请耐心等待...</label>
                        </div>
                        <div class="col-6 offset-3 mt-3">
                            <input type="submit" id="auth-btn" class="w-75 p-1 ml12 send-button bcat_defaul_backgroundcolor btn btn-style confirm" lay-submit lay-filter="auth-submit" value="提交验证"/>
                        </div>
                        
                    </form>
                </div>
            </section>

        </div>

    </div>
</div>